
import { Button } from 'antd';
import { history } from 'umi';
import ProLayout, { PageContainer } from '@ant-design/pro-layout';

export default (props: any) => {
  return (
    <ProLayout>
      <PageContainer
        extra={[
          <Button key="4" type="primary" onClick={() => {history.push('/')}}>
            主页
          </Button>,
          <Button key="3" onClick={() => {history.push('/vue-micro-app')}}>
            vue子应用
          </Button>,
          <Button key="2" onClick={() => {history.push('/react-micro-app')}}>
            react子应用
          </Button>,
          <Button key="1" type="primary" onClick={() => {history.push('/products')}}>
            表格页
          </Button>,
        ]}
        footer={[<Button>reset</Button>, <Button type="primary">submit</Button>]}
      >
        {props.children}
      </PageContainer>
    </ProLayout>
  );
};